<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function(){
            var oDiv = document.getElementById("div1")

            alert(oDiv.childNodes.length)
            // for(var i = 0;i<oDiv.childNodes.length;i++){
            //     console.log(oDiv.childNodes[i])
            //     console.log(oDiv.childNodes[i].nodeType)
            //     console.log(oDiv.childNodes[i].nodeName)
            //     console.log(oDiv.childNodes[i].nodeValue)
            //     console.log("================================================")
            // }

            console.log(oDiv.firstChild.nodeName)
            console.log(oDiv.lastChild.nodeName)
            console.log(oDiv.children.length)
            console.log("================================================")
            console.log(oDiv.firstElementChild.nodeName)
            console.log(oDiv.lastElementChild.nodeName)
            console.log("================================================")
            console.log(oDiv.firstElementChild.nextSibling.nodeValue)
            
        }
    //             nodeType    nodeName    nodeValue
    // 元素节点        1         标签名        null
    // 属性节点        2         属性名        属性值
    // 文本节点        3         #text         文本内容


    </script>
</head>
<body>
    <div id = 'div1'>
        <em>哎哟我去</em>
            div文本
        <strong>奥利给</strong>
    </div>
</body>
</html>